$(document).ready(function($) {
	$("#fechaInicio").datepicker($.datepicker.regional["es"]);
	$("#fechaFin").datepicker($.datepicker.regional["es"]);
	$( "#desasignar-paciente" ).dialog({
		resizable: false,
		autoOpen:false,
		width:400,
		modal: true,
		title: "Desasignar Paciente",
		buttons: {
			"Aceptar": function() {
				window.location  = '/nutri/desasignarPaciente/'+$(this).data('id');
			},
			"Cancelar": function() {
				$( this ).dialog( "close" );
			}
		}
	});
	
	$( "#comentario-paciente" ).dialog({
		resizable: false,
		autoOpen:false,
		width:500,
		modal: true,
		beforeClose: function() {
			//al cancelar necesito limpiar los datos porque quedaban al reabrirlos
			$( "#comentario-paciente #pacienteId" ).val("");
			$( "#comentario-paciente #comentario" ).val("");},
		title: "Comentario al Paciente",
		buttons: {
			"Enviar": function() {
				$( "#comentario-paciente form" ).submit();
			},
			"Cancelar": function() {
				$( this ).dialog( "close" );
			}
		}
	});
});

function desasignarNutricionista(id, nombre){
	$( "#desasignar-paciente #mensaje" ).html("¿Está seguro que desea desasignar el paciente: " + nombre + " ?");
	$( "#desasignar-paciente" ).data('id',id).dialog("open");
}

function comentario(id){
	$( "#comentario-paciente #pacienteId" ).val(id);
	$( "#comentario-paciente" ).dialog("open");
}

function dibujarGrafico() {
	var fechaInicio = $('#fechaInicio').val();
	var fechaFin = $('#fechaFin').val();
	
	$.ajax({
		url: '/nutri/cargarGraficoPacientesAdquiridos?' + "fechaInicio=" + fechaInicio + "&fechaFin=" + fechaFin,
		async: false,
		success: function(data) {
			
			var pacientesAdquiridos = JSON.parse(data);
			
			$('#sparkline_data').hide();
			
			$.plot($("#sparkline"), [
					{
						data: pacientesAdquiridos,
						label: "PacientesAdquiridos (+)",
						color: "#E75059",
						threshold: { below: 15, color: "#BBD884" },
						lines: { show: true, lineWidth: 3 /*, steps:true*/}
					}
				],
				{
					yaxis: {min: 0, max: 15},
					grid: {
			            backgroundColor: { colors: ["#ffffff", "#eeeeee"] }
			        }
		        }
			);
		}
	});
}

function verEstadisticas() {
	
	$( "#estadisticas" ).dialog( {
		resizable: true,
		autoOpen: false,
		width: 700,
		height: 600,
		modal: true,
		title: "Estadísticas",
		buttons: {
			"Recargar":
				function() {
					dibujarGrafico();
				}
		}
	});
	
	$( "#estadisticas" ).dialog( "open" );
	
	dibujarGrafico();
	
}